/*Title Slide*/

/* turns off slide numbers for title page: https://github.com/gnab/remark/issues/298 */

.title-slide .remark-slide-number {
  display: none;
}

.title-slide {
  background-color: white;
  background-image: url("https://signaturemcortinas.s3.amazonaws.com/upna2018-iberus-grande.png");
  background-position: 95% 5%;
  background-size: 160px;
  padding-left: 160px;  /* delete this for 4:3 aspect ratio */
  border-top: 80px solid white;
  border-bottom: 5px solid white;
}

/* H1 fonts */

.title-slide-final  h1  {
  color: var(--text2);
  background-color: transparent ;
  text-shadow: none;
  font-weight: 400;
}



.title-slide > h1  {
  color: var(--text2);
  background-color: var(--text1);
  padding-left:0;
  font-size: 60px;
  text-shadow: none;
  font-weight: 400;
  text-align: left;
  margin-left: 10px;
  padding-top: 80px;
}

.title-slide > h2  {
  margin-top: -25px;
  padding-bottom: -20px;
  color: var(--primary-color);
  text-shadow: none;
  font-weight: 400;
  font-size: 40px;
  text-align: left;
  margin-left: 10px;
}
.title-slide > h3  {
  color: var(--text3);
  text-shadow: none;
  font-weight: 200;
  font-size: 30px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: -30px;
}

/*Footer*/


div.my-footer {
    background-color: var(--primary-color-darker);
    color: var(--text1);
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 25px;
    width: 100%;
  }

  div.my-footer span {
    font-size: 10pt;
    color: var(--text1);
    position: absolute;
    left: 15px;
    bottom: 2px;
  }
  

.title-slide-final  div.my-footer {
    background-color:transparent;
  
  }
/*Page numbering*/

.remark-slide-number {
    font-size: 10pt;
    margin-bottom: -11.6px;
    margin-right: 10px;
    color: var(--text1); /* white */
    opacity: 1; /* default: 0.5 */
  }
  
/*Inverse slide*/

/* Sin definir: class: center, middle*/

.remark-inverse .remark-slide-number {
  font-size: 10pt;
  margin-bottom: -11.6px;
  margin-right: 10px;
  color: #FFFFFF; /* white */
  opacity: 1; /* default: 0.5 */
}

.remark-inverse {
  background-color: var(--primary-color);
  color: var(--text1);
  font-size: 10pt;
  margin-bottom: -11.6px;
  margin-right: 10px;
  opacity: 1; /* default: 0.5 */
}


/*final slide*/


.title-slide-final {
  background-color: #272822;
  color: #fff;
  padding-left: 100px;
  text-shadow: 0 0 20px #333;
  text-align: center;
}

.title-slide-final{
  border-top: 0px solid #272822;
}
.title-slide-final h1 {
  color: white;
}

.title-slide-final h2 {
  color: white;
}

.title-slide-final .btn-final {
  box-shadow: 0 8px 16px 0 rgba(1,1,1,0), 0 2px 4px 0 var(--secondary-color);

}

.title-slide-final .btn-final:hover {
  box-shadow: 0 12px 16px 0 rgba(1,1,1,0), 0 3px 6px 0 var(--secondary-color);
}